<script lang="ts" setup>

import UserList from "./UserList.vue";
import MessageBox from "./MessageBox.vue";
</script>

<template>
  <div id="main">
    <UserList></UserList>
    <MessageBox>

    </MessageBox>
  </div>
</template>

<style scoped en="less">
#main {
  background-color: var(--mian-view-bg);
  width: calc(100% - 60px);
  height: 100%;
  color: var(--color-font);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;

}
</style>